import './dependent/reset.scss'
import { createApp } from 'vue'
import type { App as AppType } from 'vue'
import App from './App.vue'
import Varlet from '@varlet/ui'
import Vant from 'vant'
import naive from 'naive-ui'
import Router from '@/router'
import { GlobalComponent, GlobalVar, GlobalDirective } from '@/utils'
import { createPinia } from 'pinia'

// 三套UI框架面向不同群体场景
// UI框架 Vant + Varlet + Web
const app: AppType = createApp(App);
app.use(GlobalVar)
    .use(Varlet)
    .use(Vant)
    .use(naive)
    .use(Router)
    .use(GlobalDirective)
    .use(GlobalComponent)
    .use(createPinia())
    .mount('#app')
